{% extends "@XiaoZhu/base/frame.html.twig" %}

{% block content_header %}
{% endblock %}

{% block content_main %}
    <div class="main">
        <div class="container">
            <ul class="breadcrumb">
                {% block siteLocation %}
                    <li><a href="{{ path('shophome') }}">首页</a></li>
                    <li>小主文苑</li>
                    <li><a href="{{ path('listArticle') }}?cid={{ curId }}">{{ className }}</a></li>
                    <li class="active">{{ page.title }}</li>
                {% endblock %}
            </ul>
            <!-- BEGIN SIDEBAR & CONTENT -->
            <div class="row margin-bottom-40">
                {% block articleLeft %}
                    <div class="col-md-10 col-sm-9">
                        <div class="content-page">
                            <h1>{{ page.title }}</h1>
                            <hr/>
                            {% if  page.banner %}
                                <p><img src="{{ page.banner }}" alt="banner" class="img-responsive"></p>
                            {% endif %}
                            {{ page.content | raw }}
                        </div>
                    </div>
                {% endblock %}
                {% block articleRight %}
                    <div class="sidebar col-md-2 col-sm-3">
                        <ul class="list-group margin-bottom-25 sidebar-menu">
                            {%  for class in classes %}
                                <li class="list-group-item clearfix current {{ class.id == curId ? "active" : "" }}">
                                    <a href="{{ path('listArticle') }}?cid={{ class.id }}"><i class="fa fa-angle-right"></i>{{ class.name }}</a>
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                {% endblock %}
            </div>
        </div>
    </div>
{% endblock %}

{% block content_footer %}
{% endblock %}
